<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="${ctxPath}/assets/common/images/favicon.ico" rel="icon">
    <title>FOREX Coin 管理中心</title>
    <link rel="stylesheet" href="${ctxPath}/assets/common/layui/css/layui.css"/>
    <link rel="stylesheet" href="${ctxPath}/assets/common/module/admin.css"/>
</head>

<body class="layui-layout-body">

<div class="layui-layout layui-layout-admin">

    <!-- 头部 -->
    @include("/common/_header.html"){}

    <!-- 侧边栏 -->
    @include("/common/_sidebar.html"){}

    <!-- 主体部分 -->
    @include("/common/_body.html"){}

    <!-- 底部 -->
    @include("/common/_footer.html"){}

</div>

<!-- 加载动画，移除位置在common.js中 -->
@include("/common/loading.html"){}

@/* 加入contextPath属性和session超时的配置 */
<script type="text/javascript">
    var Feng = {
        ctxPath: "",
        addCtx: function (ctx) {
            if (this.ctxPath === "") {
                this.ctxPath = ctx;
            }
        }
    };
    Feng.addCtx("${ctxPath}");
</script>
<script type="text/javascript" src="${ctxPath}/assets/common/layui/layui.js"></script>
<script type="text/javascript" src="${ctxPath}/assets/common/js/common.js"></script>

<script>
    layui.use(['layer', 'element', 'admin', 'index'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var admin = layui.admin;
        var index = layui.index;

        // 加载本地缓存的设置属性
        index.loadSetting();
        // 默认加载主页
        index.loadHome({
            menuPath: '${ctxPath}/system/welcome',
            menuName: '<i class="layui-icon layui-icon-home"></i>'
        });

        // 修改密码点击事件
        $('#setPsw').click(function () {
            admin.open({
                id: 'pswForm',
                type: 2,
                title: '修改密码',
                shade: 0,
                content: '${ctxPath}/system/user_chpwd'
            });
        });

        // 退出登录点击事件
        $('#btnLogout').click(function () {
            layer.confirm('确定退出登录？', {
                skin: 'layui-layer-admin'
            }, function () {
                window.location.href = "${ctxPath}/logout";
            });
        });
        Date.prototype.format = function (fmt) {
            var o = {
                "M+": this.getMonth() + 1, //月份
                "d+": this.getDate(), //日
                "h+": this.getHours(), //小时
                "m+": this.getMinutes(), //分
                "s+": this.getSeconds(), //秒
                "q+": Math.floor((this.getMonth() + 3) / 3), // 季度
                "S": this.getMilliseconds() // 毫秒
            };

            // 根据y的长度来截取年
            if (/(y+)/.test(fmt)){
                fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
            }
            for (var k in o){
                if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
            }
            return fmt;
        }
        // $('#bongRight').on('click', function(){
        //     var othis = $(this), method = othis.data('method');
        //     active[method] ? active[method].call(this, othis) : '';
        // });
        //触发事件
        //参考网址 https://www.layuiweb.com/demo/layer.html
        var active = {
            setTop: function(msg){
                var that = this;
                //多窗口模式，层叠置顶
                layer.open({
                    type: 1 //此处以iframe举例
                    ,title: '通知 '
                    ,area: ['390px', '260px']
                    ,shade: 0
                    ,maxmin: true
                    ,offset: [ //为了演示，随机坐标
                        Math.random()*($(window).height()-300)
                        ,Math.random()*($(window).width()-390)
                    ]
                    ,content: '<div style="padding: 15px;">时 间：'+ new Date().getTime() + '，'+msg+'<br><br>tips:当你选择该窗体时，即会在最顶端,按 ESC 键可关闭。</div>'

                    ,btn: ['晓得了', '全部关闭'] //只是为了演示
                    ,yes: function(index, layero){
                        layer.close(index);
                    }
                    ,btn2: function(){
                        layer.closeAll();
                    }

                    ,zIndex: layer.zIndex //重点1
                    ,success: function(layero, index){
                        layer.setTop(layero); //重点2. 保持选中窗口置顶

                        //记录索引，以便按 esc 键关闭。事件见代码最末尾处。
                        layer.escIndex = layer.escIndex || [];
                        layer.escIndex.unshift(index);
                        //选中当前层时，将当前层索引放置在首位
                        layero.on('mousedown', function(){
                            var _index = layer.escIndex.indexOf(index);
                            if(_index !== -1){
                                layer.escIndex.splice(_index, 1); //删除原有索引
                            }
                            layer.escIndex.unshift(index); //将索引插入到数组首位
                        });
                    }
                    ,end: function(){
                        //更新索引
                        if(typeof layer.escIndex === 'object'){
                            layer.escIndex.splice(0, 1);
                        }
                    }
                });
            }
,
            offset: function(othis){
                var type = othis.data('type')
                    ,text = othis.text();
                indexOffset = indexOffset+1
                layer.open({
                    type: 1
                    ,offset: type //具体配置参考：https://www.layuiweb.com/doc/modules/layer.html#offset

                    ,content: '<div style="padding: 20px 100px;">'+ text +'</div>'
                    ,btn: '关闭全部'
                    ,btnAlign: 'c' //按钮居中
                    ,shade: 0 //不显示遮罩
                    ,yes: function(){
                        layer.closeAll();
                    }
                });
            }
        };
        var typeMap =['nihao','nihao2']
        function showAsk(msg){
            var that = this;
            //多窗口模式，层叠置顶
            layer.open({
                type: 1 //此处以iframe举例
                ,title: '通知 '
                ,area: ['270px', '260px']
                ,shade: 0
                ,maxmin: true
                ,offset: [ //为了演示，随机坐标
                    ($(window).height()-270)
                    ,($(window).width()-260)
                ]
                ,content: '<div style="padding: 15px;">时 间：'+ new Date().format("yyyy-MM-dd hh:mm:ss") + '<br><br>您有新的 '+msg+' 等待处理<br><br>tips:当你选择该窗体时，即会在最顶端。窗口可以挂起。</div>'

                ,btn: ['确 定', '关 闭'] //只是为了演示
                ,yes: function(index, layero){
                    layer.close(index);
                }
                ,btn2: function(){
                    layer.closeAll();
                }

                ,zIndex: layer.zIndex //重点1
                ,success: function(layero, index){
                    layer.setTop(layero); //重点2. 保持选中窗口置顶

                    //记录索引，以便按 esc 键关闭。事件见代码最末尾处。
                    layer.escIndex = layer.escIndex || [];
                    layer.escIndex.unshift(index);
                    //选中当前层时，将当前层索引放置在首位
                    layero.on('mousedown', function(){
                        var _index = layer.escIndex.indexOf(index);
                        if(_index !== -1){
                            layer.escIndex.splice(_index, 1); //删除原有索引
                        }
                        layer.escIndex.unshift(index); //将索引插入到数组首位
                    });
                }
                ,end: function(){
                    //更新索引
                    if(typeof layer.escIndex === 'object'){
                        layer.escIndex.splice(0, 1);
                    }
                }
            });
        }
        var socket;
        if (typeof (WebSocket) == "undefined") {
        //     console.log("遗憾：您的浏览器不支持WebSocket");
        // } else {
        //     console.log("恭喜：您的浏览器支持WebSocket");
        //     //实现化WebSocket对象
        //     //指定要连接的服务器地址与端口建立连接
        //     //注意ws、wss使用不同的端口。我使用自签名的证书测试，
        //     //无法使用wss，浏览器打开WebSocket时报错
        //     //ws对应http、wss对应https。
        //     socket = new WebSocket("wss://"+"oa.aesexchange.net/"+"/ws/tips/admin");
        //     //连接打开事件
        //     socket.onopen = function() {
        //         console.log("Socket 已打开");
        //         //socket.send("消息发送测试(From Client)");
        //     };
        //     //收到消息事件
        //     socket.onmessage = function(msg) {
        //         //$("#messageId").append(msg.data+ "\n");
        //         showAsk(msg.data);
        //     };
        //     //连接关闭事件
        //     socket.onclose = function() {
        //         console.log("Socket已关闭");
        //     };
        //     //发生了错误事件
        //     socket.onerror = function() {
        //         console.log("Socket发生了错误");
        //     }
        //     //窗口关闭时，关闭连接
        //     window.unload=function() {
        //         socket.close();
        //     };
        }
    });
</script>



</body>

</html>
